*{
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}
.box{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.color{
  width: 100vw;
  height: 5vh;
  background: skyblue;
}
.top{
    width: 100vw;
    height: 10vh;
}
.button{
    width: 100vw;
    height: 90vh;
}
.banner{
    width: 100vw;
    height: 20vh;
}
.banner img{
    width: 100vw;   
    height: 20vh;
}
.demo-swiper .rv-swiper img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 20vh;
    padding: 30px 60px;
    background-color: #fff;
    pointer-events: none;
}
.list{
    width: 100vw;
    height: 70vh;
    overflow-y: auto;
}
.demo-swipe-cell {
  user-select: none;
}
.demo-product-card {
  padding: 10px 16px;
  background-color: #fff;
}
.demo-product-card   &__img {
  width: 88px;
  height: 88px;
  margin-right: 10px;
}
.demo-product-card   &__content {
  flex: 1;
}
.demo-product-card__img{
   width: 100px;
   height: 100px;
}